.grid {
    width: var(--grid-size);
    height: var(--grid-size);
    background-color: var(--grid-color);
    border-radius: var(--border-radius);
    padding: var(--gap-len);
    display: grid;
    grid:
        "gb00 gb01 gb02 gb03"
        "gb10 gb11 gb12 gb13"
        "gb20 gb21 gb22 gb23"
        "gb30 gb31 gb32 gb33";
    grid-template-rows:
        var(--block-size) var(--block-size) var(--block-size) var(--block-size);
    grid-template-columns:
        var(--block-size) var(--block-size) var(--block-size) var(--block-size);
    gap: var(--gap-len);
}

.block {
    border-radius: var(--border-radius);
    text-align: center;
    line-height: var(--block-size);
    background-color: var(--block-color);
    /* font-size: 0; */
}

.block::after{
    border-radius: var(--border-radius);
}

.block.active2::after {
    content: "2";
    display: block;
    width: inherit;
    height: inherit;
    background-color: #567;

}

#game-2048_grid_block00 {
    grid-area: gb00;
}

#game-2048_grid_block01 {
    grid-area: gb01;
}

#game-2048_grid_block02 {
    grid-area: gb02;
}

#game-2048_grid_block03 {
    grid-area: gb03;
}

#game-2048_grid_block10 {
    grid-area: gb10;
}

#game-2048_grid_block11 {
    grid-area: gb11;
}

#game-2048_grid_block12 {
    grid-area: gb12;
}

#game-2048_grid_block13 {
    grid-area: gb13;
}

#game-2048_grid_block20 {
    grid-area: gb20;
}

#game-2048_grid_block21 {
    grid-area: gb21;
}

#game-2048_grid_block22 {
    grid-area: gb22;
}

#game-2048_grid_block23 {
    grid-area: gb23;
}

#game-2048_grid_block30 {
    grid-area: gb30;
}

#game-2048_grid_block31 {
    grid-area: gb31;
}

#game-2048_grid_block32 {
    grid-area: gb32;
}

#game-2048_grid_block33 {
    grid-area: gb33;
}